<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width"/>
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<title>婚姻状态</title>
		<link rel="stylesheet" type="text/css" href="../../css/api.css" />
		<link rel="stylesheet" type="text/css" href="../../css/sm.min.css">
		<link rel="stylesheet" href="../../css/sm-extend.min.css">
		<script type='text/javascript' src='../../script/zepto.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='../../script/sm.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='../../script/sm-extend.min.js' charset='utf-8'></script>
		<link rel="stylesheet" type="text/css" href="../../css/all.css">
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css">
		<style>
			body {
				font-family: "微软雅黑";
			}
			a {
				color: #000;
			}
			a:active, a:link, a:visited, a:hover {
				color: #000;
				text-decoration: none;
			}
			.list-block .item-inner:after {
				content: none;
			}
			.bar {
				z-index: 0;
			}
			.content>div{
			   margin:20px;
			}
			.content span{
			   width:23%;
			}
			.changeCor{
			  color:#0eaae0;
			}
		</style>
	</head>
	<body>
		<div class="page-group">
			<div class="page">
				<header class="bar bar-nav" id="header">
					<a class="icon pull-left" id="goback"> <i  id="back" class="iconfont icon-xiangzuo1" style="font-size: 28px;color: #999"></i> </a>
					<h1 class="title">婚姻状态</h1>
					<a id="couple"   style="position: absolute;top:0px;right:15px; height: 44px; line-height: 44px; color:#646464; font-size: 14px;">保存</a>
				</header>
				<div class="content" style="background-color: #f0f0f0;">
					<div>
						<span class="changeCor" value="1" >保密</span>
						<span value="2">单身</span>
						<span value="3">恋爱中</span>
						<span value="4">已婚</span>
						<span value="5">同性</span>
					</div>
					<p style="text-align: center;width:100%;margin-top:20px;">
						选择“保密”将不会出现在个人资料里
					</p>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript" src="../../script/common.js"></script>
	<script type="text/javascript" src="couple.js"></script>
</html>